<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css"/>
		
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />
	
		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="rejectGoodListApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					订单 - -申请退货列表
				</div>
				<hr class="hr-style" />
				<div class="deliver-content">
					<!-- <div class="search-good">
						<el-input placeholder="请输入订单号" v-model="searchdeliver" class="search-good-input">
							<el-button slot="append" @click="clickSearchDeliver">搜索</el-button>
						</el-input>
					</div> -->
					<div style="margin-top: 20px;">
						
					<el-table
					    ref="multipleTable"
					    :data="tableData"
						border
					    tooltip-effect="dark"
					    style="width: 100%"
					   >
					   
						<el-table-column width="150" label="商品信息">
							<template slot-scope="scope">
								<div class="good-table-info">
									
									<p class="good-table-info-text">商品名称:{{scope.row.commodityName}}</p>
									<p class="good-table-info-text">价格:{{scope.row.money}}</p>
									<p class="good-table-info-text">规格:{{scope.row.describeTemplate}}</p>
								</div>
						
							</template>
						</el-table-column>
						<el-table-column
						  prop="shopsOrderNo"
						  label="订单号"
						  width="120">
						</el-table-column>
					    <el-table-column
					      label="退款时间"
					      width="120">
					      <template slot-scope="scope">{{ scope.row.refundTime }}</template>
					    </el-table-column>
						<el-table-column
						  prop="note"
						  label="退款原因"
						  >
						</el-table-column>
					    <el-table-column
					     
					      label="退款人"
					      >
						  <template slot-scope="scope">
							  <p class="good-table-info-text">昵称:{{scope.row.nickname}}</p>
							  <p class="good-table-info-text">电话:{{scope.row.phone}}</p>
							 
						  </template>
					    </el-table-column>
						
					    <el-table-column label="操作" width="250">
					    	<template slot-scope="scope">
					    		<el-button size="mini"  @click="handleConfigGood(scope.row)">确认退货</el-button>
								<el-button size="mini" type="danger" @click="handleRejectGood(scope.row)">拒绝退货</el-button>
					    	</template>
					    </el-table-column>
					  </el-table>
					 
					</div> 
				    
				</div>
			    <el-dialog title="填写确认退货信息" :visible.sync="dialogFormVisible" width="400px">
			       <el-form :model="form">
			         <el-form-item label="请填写收货地址" :label-width="formLabelWidth">
			           <el-input v-model="form.address" autocomplete="off"></el-input>
			         </el-form-item>
			       </el-form>
			       <div slot="footer" class="dialog-footer">
			         <el-button @click="dialogFormVisible = false">取 消</el-button>
			         <el-button type="primary" @click="configRefuse">确认</el-button>
			       </div>
			    </el-dialog>  
				
				<el-dialog title="填写拒绝原因" :visible.sync="dialogRejectFormVisible" width="400px">
				   <el-form :model="form">
				     <el-form-item label="请填写拒绝理由" :label-width="formLabelWidth">
				       <el-input v-model="form.reason" autocomplete="off"></el-input>
				     </el-form-item>
				   </el-form>
				   <div slot="footer" class="dialog-footer">
				     <el-button @click="dialogFormVisible = false">取 消</el-button>
				     <el-button type="primary" @click="configReject">确认</el-button>
				   </div>
				</el-dialog>  
			</div>
		</div>
	</body>
</html>
